<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/5.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <img src="./img/logo.png" alt="" class="logo">
    </header>
    <div class="w">
        <!-- 导航栏 -->
        <nav>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">论坛</a></li>
                <li><a href="#">快捷手册</a></li>
                <li><a href="#">中文文档</a></li>
                <li><a href="#">下载</a></li>
                <li><a href="#">关于</a></li>
            </ul>
        </nav>
    </div>
    <div class="w clearfix">
        <!-- 主体内容 -->
        <section>
            <!-- 左边栏主体内容 -->
            <main>
                <div class="article1">
                    <div class="art-hd">
                        <h1>自定义文章摘要（Excerpt）</h1>
                    </div>
                    <!-- 作者名字以及发布时间 -->
                    <div class="detail">
                        <i>作者 : </i>
                        <span class="writer">王赛</span>
                        <span class="time">&nbsp;&nbsp;·2017年8月9日</span>
                    </div>
                    <div class="art-bd">
                        <p>随着 Ghost 1.0 和 Hemingway Mode 的发布，今天我们又发布了“自定义文章摘要”功能。 默认情况下，Ghost
                            会截取文章正文开头部分的文字（一般是55个字）作为文章摘要并显示在文章归档列表中。摘要有助于读者快速了解文章所要表达的内容。但是，如果你希望自己定
                        </p>
                    </div>
                    <div class="read">阅读全文</div>
                    <div class="zaiyao">
                        摘要
                    </div>
                </div>
                <div class="article1">
                    <div class="art-hd">
                        <h1>首要“标签”</h1>
                    </div>
                    <!-- 作者名字以及发布时间 -->
                    <div class="detail">
                        <i>作者 : </i>
                        <span class="writer">王赛</span>
                        <span class="time">&nbsp;&nbsp;·2017年8月3日</span>
                    </div>
                    <div class="art-bd">
                        <p>在 Ghost 中，每一篇博文都可以有多个标签（tag），并且这些标签的排列顺序也被 Ghost 完整保存。第一个标签被认为是最重要的，因此被特殊对待。
                            现在，你可以在后台通过拖拽标签的位置来设置“首要标签”，并且能够通过 {{tags.[0]}} 获取到第一个标签。由于这种语法
                        </p>
                    </div>
                    <div class="read">阅读全文</div>
                    <div class="zaiyao">
                        主题 助手函数
                    </div>
                </div>
                <div class="article1">
                    <div class="art-hd">
                        <h1>Node.js v4 LTS 成为 Ghost 推荐版本</h1>
                    </div>
                    <!-- 作者名字以及发布时间 -->
                    <div class="detail">
                        <i>作者 : </i>
                        <span class="writer">王赛</span>
                        <span class="time">&nbsp;&nbsp;2016年7月26日</span>
                    </div>
                    <div class="art-bd">
                        <p>随着 Ghost 1.0 和 Hemingway Mode 的发布，今天我们又发布了“自定义文章摘要”功能。 默认情况下，Ghost
                            会截取文章正文开头部分的文字（一般是55个字）作为文章摘要并显示在文章归档列表中。摘要有助于读者快速了解文章所要表达的内容。但是，如果你希望自己定
                        </p>
                    </div>
                    <div class="read">阅读全文</div>
                    <div class="zaiyao">
                        版本
                    </div>
                </div>
                <!-- 尾部页数 -->
                <nav class="pages">
                    <div class="pages-button1">第 1 页 / 共 9 页</div>
                    <a href="#" class="pages-button2"></a>
                </nav>
            </main>
            <!-- 右边栏主体内容 -->
            <aside class="aside1">
                <div class="community">
                    <a href="#">社区</a>
                </div>
                <ul>
                    <li>QQ群：277327792</li>
                    <li><a href="#">问答社区</a></li>
                    <li><a href="#">官方微博</a></li>
                </ul>
            </aside>
            <aside class="aside2">
                <div class="download">
                    <a href="#">下载 Ghost</a>
                </div>
                <!-- 版本 -->
                <a href="#" class="edition">Ghost 中文版（0.7.4）</a>
            </aside>
        </section>
    </div>
    <footer>
        Copyright &copy; Ghost中文网 | 京ICP备11008151号 | 京公网安备11010802014853
    </footer>
</body>

</html>